.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-layout-pane {
    overflow: auto
}

.ui-layout-content {
    padding: 10px;
    position: relative;
    overflow: auto;
    width: 100%;
    border: 0
}

.layout-child-container, .layout-content-container {
    padding: 0;
    overflow: hidden
}

.layout-child-container {
    border: 0
}

.layout-scroll {
    overflow: auto
}

.layout-hide {
    display: none
}

.ui-layout-resizer {
    background: #fafafa;
    border: 1px solid #eee;
    border-width: 0
}

.ui-layout-resizer-open-hover, .ui-layout-resizer-dragging {
    background: #fafafa
}

.ui-layout-resizer-dragging {
    border: 1px solid #eee
}

.ui-layout-resizer-north-dragging, .ui-layout-resizer-south-dragging {
    border-width: 1px 0
}

.ui-layout-resizer-west-dragging, .ui-layout-resizer-east-dragging {
    border-width: 0 1px
}

.ui-layout-resizer-dragging-limit {
    background: #e1a4a4
}

.ui-layout-resizer-closed-hover {
    background: #ebd5aa
}

.ui-layout-resizer-north-sliding-hover {
    border-bottom-width: 1px
}

.ui-layout-resizer-south-sliding-hover {
    border-top-width: 1px
}

.ui-layout-resizer-west-sliding-hover {
    border-right-width: 1px
}

.ui-layout-resizer-east-sliding-hover {
    border-left-width: 1px
}

.ui-layout-toggler {
    border: 1px solid #eee;
    background-color: #eee
}

.ui-layout-resizer-hover .ui-layout-toggler {
    opacity: 1.00;
    filter: alpha(opacity=100)
}

.ui-layout-toggler-hover, .ui-layout-resizer-hover .ui-layout-toggler-hover {
    background-color: #FC6;
    opacity: 1.00;
    filter: alpha(opacity=100)
}

.ui-layout-toggler-north, .ui-layout-toggler-south {
    border-width: 0 1px
}

.ui-layout-toggler-west, .ui-layout-toggler-east {
    border-width: 1px 0
}

.ui-layout-resizer-sliding .ui-layout-toggler {
    display: none
}

.ui-layout-toggler .ui-content {
    color: #666;
    font-size: 12px;
    font-weight: bold;
    line-height: 8px;
    width: 100%;
    padding-bottom: .35ex
}

.ui-layout-toggler .ui-content .fa {
    line-height: 8px
}

.ui-layout-toggler-north-closed .fa:before, .ui-layout-toggler-south-open .fa:before {
    content: "\f0d7"
}

.ui-layout-toggler-south-closed .fa:before, .ui-layout-toggler-north-open .fa:before {
    content: "\f0d8"
}

.ui-layout-toggler-west-closed .fa:before, .ui-layout-toggler-east-open .fa:before {
    content: "\f0da"
}

.ui-layout-toggler-east-closed .fa:before, .ui-layout-toggler-west-open .fa:before {
    content: "\f0d9"
}

.ui-layout-mask {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    opacity: 0 !important;
    filter: Alpha(Opacity="0") !important
}

.ui-layout-mask-inside-pane {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important
}

@media print {
    html {
        height: auto !important;
        overflow: visible !important
    }

    body.ui-layout-container {
        position: static !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        _width: auto !important;
        _height: auto !important
    }

    .ui-layout-resizer, .ui-layout-toggler {
        display: none !important
    }

    .ui-layout-pane {
        border: none !important;
        background: transparent !important;
        position: relative !important;
        top: auto !important;
        bottom: auto !important;
        left: auto !important;
        right: auto !important;
        width: auto !important;
        height: auto !important;
        overflow: visible !important
    }
}